﻿/*
 * Copy Right: Tencent ISUX
 * Project: QAM
 * @author: Kundy
*/

@import url("reset.import.css");
@import url("global.import.css");

body{font-size:12px;font-family:微软雅黑}
#listbox a{margin-right:10px;color:#008080;text-decoration:none}
#pick_listbox a{margin-right:10px;color:#008080;text-decoration:none}
#image_listbox a{margin-right:10px;color:#008080;text-decoration:none}
a:hover{color:#FF2B2B;text-decoration:under-line}
table{border-collapse:collapse;font-size:12px;}
thead td{font-weight:bold;background:#D2E1F6;color:#333;height:26px;line-height:26px;}
td{border:#999 solid 1px;padding-left:10px;padding-right:10px;height:22px;line-height:22px;}
input[type="button"]{height:20px;border:#333 solid 1px;border-radius:4px;background:#52A9D5;line-height:16px;text-align:center;display:inline-block;padding-left:15px;padding-right:15px;color:#FFF;margin-right:10px;}



.myform{line-height:26px;}
.myform label span{display:inline-block;width:80px;text-align:left;}
.myform label textarea{display:inline-block;}

#message{height:20px;line-height:22px;background:#FFF2D5;border:#FAC555 solid 1px;color:#828685;padding-left:20px;margin-bottom:20px}
#parent_box{display:inline}
#ident{margin-left:20px;color:#F00;margin-right:5px;}

.selector{color:#FF00FF}
.property{color:#000066}
.value{color:#0000FF}
.annotation{color:#999}
.import{color:#0080FF}
.pick{background:#ECE231}
.loop{color:#1E50A2}
.visible{color:#1E50A2}
.var{color:#00897C}
.image{color:#3BAAC4}

.html{width:800px;height:250px;}
.css{width:800px;height:100px;}
.js{width:800px;height:100px;}
.html,.css,.js{border:#ABADB3 solid 1px;background:#fff;display:inline-block;overflow:auto;margin-top:10px;}
.css a{display:inline-block;border-bottom:#5D5D5E dotted 1px;line-height:13px;cursor:pointer}
.html a{display:inline-block;border-bottom:#5D5D5E dotted 1px;line-height:13px;cursor:pointer;color:#F00;}


#shade_layer{position:fixed;top:0;left:0}
#shade_layer .shade_layer_transparent{opacity:0.5;background:#333;width:100%;height:100%;position:absolute;z-index:40}
#shade_frame{overflow:hidden;width:100%;height:100%;position:absolute;z-index:50}

.container{margin:250px auto;width:960px;text-align:center}
.img_button{margin-top:30px}
.img_button p{background:#fff;padding-left:15px;padding-right:15px;display:block;color:#333;width:300px;margin:20px auto}

.search_form{margin-top:20px;}
.search_form input{width:80px;margin-left:10px;margin-right:10px;}



/*config 页面*/
#code_box{position:absolute;right:5px;top:10px;width:300px;border:#999 solid 3px;background:#f5f5f5;border-radius:12px;padding:5px;z-index:101;display:}
#code_box .hd .hd_extra{position:absolute;right:10px;top:0px;}
#code_box .hd .hd_extra a{font-weight:bold;font-size:14px;color:#666}
#parm_box{position:absolute;top:100px;left:300px;width:500px;border:#1072BB solid 1px;background:#f5f5f5;border-radius:6px;display:none;z-index:102;}
#parm_box .hd{height:26px;line-height:26px;position:relative;background:#CBF0DB;border-radius:6px 6px 0 0;}
#parm_box .hd h3{font-size:13px;font-weight:bold;padding-left:15px;display:inline-block;color:#333}
#parm_box .hd .hd_extra{position:absolute;right:10px;top:0px;}
#parm_box .hd .hd_extra a{font-weight:bold;font-size:14px;color:#666}
#parm_box .bd{border-radius:0 0 6px 6px;padding:5px;background:#FFF;font-size:12px;line-height:16px;}
#parm_box .bd h3{border-bottom:#666 dashed 1px;color:#3150CB;height:20px;padding-top:5px;}
#parm_box .bd #ident_check{color:#F00}
#parm_box .bd input{width:100px;margin-left:5px;margin-right:5px;}
#parm_box .bd div{margin-top:5px;}
#parm_box .bd .name{width:100px;display:inline-block;overflow:hidden;}
#parm_box .bd .button{height:20px;border:#333 solid 1px;border-radius:4px;background:#52A9D5;line-height:20px;text-align:center;display:inline-block;padding-left:15px;padding-right:15px;color:#FFF;margin-right:10px;}
#dom_box{
position:fixed;bottom:0;height:26px;width:100%;line-height:26px;font-size:12px;border-top:#CACACA solid 1px;border-bottom:#CACACA solid 1px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F2F4F3), to(#EBEBEB));
background: -moz-linear-gradient(top,#F2F4F3,#EBEBEB);
background: -ms-linear-gradient(top,#F2F4F3,#EBEBEB);
background: -o-linear-gradient(top,#F2F4F3,#EBEBEB);
}
#dom_box .root{font-weight:bold;}
#dom_box a{color:#070707;padding-left:8px;padding-right:8px;display:inline-block;border:0;border-right:#CACACA solid 1px;height:26px;}
#dom_box a.current{background:#3879D9;color:#fff;}
#dom_box a.child{background:#E8E8FF;color:#999;}
#dom_box #dom_button{position:absolute;right:0;top:0;}
#dom_box #dom_button a{border-left:#CACACA solid 1px;border-right:0;color:#529AEA}

#config_mask{position:absolute;background:#B4CEE3;outline:#4860B8 solid 1px;z-index:100;opacity:0.5;}
#config_mask #mask_tip{position:absolute;left:0;bottom:-22px;min-width:136px;height:20px;border:#000 solid 1px;color:#000;background:#FFFFC2;line-height:20px;-webkit-text-size-adjust:none;padding-left:5px;padding-right:5px;font-family:Consolas, Lucida Console, monospace;}
#config_mask #mask_tip .button{display:inline-block;color:#333;border:#C1B9B9 solid 1px;padding-left:5px;padding-right:5px;background:#FFFF24;height:18px;}
